@charset "utf-8";
/* CSS Document */
/*Estilo para la pagina y su cuerpo*/
html,body{
margin:0;
padding:0;
}
/*Estilo para el cuerpo de la pagina*/
body{
	background-image:url(../img/background.png);
	background-repeat:no-repeat;
    /*background-repeat: repeat-y;*/
	background-position:top center;
	background-color:#657A6C;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	
}

#containercompleto{
	width:908px;
	height:auto;
	margin:0 auto;
	background-color:#FFF;
	}

/* Estilo para el Header*/
#header{
	margin:0 auto;
	background-image:url(../img/bgheader.png);
	background-repeat:no-repeat;
	width:908px;
	height:63px;
	font-size:.7em;
	color:#FFF;
	font-weight:bold;
}
/*Clases para el header*/
#header  .left{float:left; padding-top:35px; padding-left:20px;}
#header  .right{float:right; padding-top:10px; padding-right:20px;}
#header  .right a{color:#FFF; text-decoration:none;}

/*Banner*/

#ContainerBanner{
	margin:0 auto;
    border-radius: 0.5em;
	padding:0;
	width:908px;
	height:350px;
	text-align:center;
	
}

/*Menu*/

#nav{
	margin:0px auto;
	width:908px;
	height:50px;
	background-image:url(../img/bgMenu.png);
}

/*Contiene lo funcional**/
#Contenido{
width:908px;
overflow:auto;
margin:0 auto;
background-image:url(../img/lateral.png);
background-repeat:repeat-y;	
}


/*Lateral*/
#Lateral
{
    
width:286px;
height:auto;
float:left;
/*segun pag web*/
display:inline-block;
vertical-align:top;
/*overflow:auto;*/
/*background-image:url(../img/lateral.png);*/

}

#Enlaces
{
    width:260px;
	height:258px;
	margin:13px;
	margin-bottom:20px;/*distancia entre la zona de abajo y otro objeto*/
	background-image:url(../img/EnlacesExternos2.png);
	background-repeat: no-repeat;
}
#login
{
    width:260px;
	height:148px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../img/login.png);
	background-repeat: no-repeat;
}

#logincamp {
    margin-top: 10px; 
   
    }
#logincamp tbody{
	border:0px;
	background-image:none;
   
    }
    
    
    #logincamp tbody tr td
    {
        border: 0px;
        background-image: none;
        
    }
    
    .btnaling 
    {
     
height:25px;
vertical-align: middle;
        
        
    }
    
	

#linkvertical a{ color:#333; text-decoration:none; line-height:20px;}

#linkvertical a:hover{
	color:#E57817;
	font-size:1.1em;
}
	
#Eventos2
{   
    width:260px;
	height:258px;
	margin:13px;
	padding-top:40px;
	/*background-image:url(../img/EnlacesExternos2.png);*/
	background-repeat: no-repeat;
}
/*mostrar contenido dinamico*/
#principal
{
width:600px;
height: auto;   /*609px*/
margin: 10px;
/*overflow: auto;*/


display:inline-block;
vertical-align:top;
/*margin:10px;*/
/*overflow:auto;*//*dimsensionar de acuerdo a la cantidad de contenido*/
/*height:300px;*/
background-color:#FFF;
float:right;
}
#segunda
{
width:596px;
margin-top:10px;
height: 609px;
margin: 10px;
overflow: auto;
display:inline-block;
vertical-align:top;
background-color:#FFF;
float:right;
}

h1 {
	background-image:url(../img/separador.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	text-align:left;
	font-size:1.2em;
	margin-top:20px;
}
 
#noticia1{
	width:570px;
	margin-top:25px;
}

#noticia1 img{
	margin-right:15px;
	float:left;
}

#noticia1 h3{
	margin:0;
	color:#666666;
	font-size:1em;
	text-shadow: 0px 0px 17px #CC6600;
}

#eventos h4 {
	margin:0;
	color:#666666;
	font-size:1em;
	text-shadow:0 0 10px #CC6666;
}

#noticia1 p{
	font-size:.8em;
}

#noticia1 p a{
	color:#E57817;
	float:right;
}

#noticia2{
	width:570px;
	margin-top:10px;
}

#noticia2 img{
	margin-right:15px;
	float:left;
}

#noticia2 h3{
	margin:0;
	color:#666666;
	font-size:1em;
	text-shadow: 0px 0px 17px #CC6600;
}

#noticia2 p{
	font-size:.8em;
}

#noticia2 p a{
	color:#E57817;
	/*float:right;*/
}

p {
	font-size:.8em;
}

/*Futer*/

#footer{
    width:908px;
	height:102px;
	background-image:url(../img/futer.png);
	background-repeat: no-repeat;
	margin:0 auto;
	clear:both;/*posicion del header siempre abajo*/
	}

h6{
	font-size:.8em;
	color:#FFFFFF;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left: 33px;
}
h6.log{
	font-size:.8em;
	color:#FFFFFF;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-left: 5px;
}

/*ayudas*/

.clear{
	clear:both;
}


img
{
 border-color: #FFF;
}



.calendario{ 
    margin:25px 20px 0px 16px;	
}
.textoFooter
{
    margin: 0 auto;
	font-size:0.9em;
	font-family:Arial;
	text-align:center;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 5px;
	padding-left: 100px;
}
/*efecto vinculos**/
.l{
	font-family:"Lucida Sans Unicode";
	font-size:0.7em;
	border:none;
	color: #000;
	text-decoration: none;
	text-align:left;
	margin-top:20PX;
}

.li ul{
	 list-style-image:url(../img/li.png);
}

.l a{ color:#333; text-decoration:none; line-height:20px;}

.l a:hover{
	color:#E57817;
	font-size:1.1em;
}

.l label
{
padding-left: 20px;
}
#buttondiv
{
	margin-top:4px;

}


p {
	font-size:.8em;
	text-align:justify;
}

/* estilos de error*/

.input-validation-error { border: 1px solid #E57817 }
.input-validation-valid  { /* Optional: you can set whatever style you want */ }
.field-validation-error { color: #E57817 }
.field-validation-valid { display: none }
.validation-summary-errors { font-weight: inherit; color: #E57817 }
.validation-summary-valid { display: none }

/*contenedores cambiantes*/

.center /*div donde muestro mi contenido*/
{
/*width:650px;
height:auto;
overflow:auto;/*dimsensionar de acuerdo a la cantidad de contenido*/
/*height:300px;*/
/*background-color:#999;
background-color: red;*/

    
    
}

/*table estilos para las tablas*/
table{
	width:100%;
	border-collapse:collapse;
	table-layout:auto;
	vertical-align:top;
	margin-bottom:15px;
	/*border:1px solid #FFFFFF;*/
	}
	

 table thead td{
	color:#FFFFFF;
	/*background-color:#556D59;*/
     background-color: #718478;
	/*border:1px solid #999999;*/
	border-collapse:collapse;
	text-align:center;
	table-layout:auto;
	vertical-align:middle;
	}

#tabla thead tr th
{
    color: White;
    background-color: #497155;
    /*background-image: url('../img/bgMenu.png');*/
    border:1px solid #FFFFFF; 
    border-collapse:collapse;
	padding:15px;
	border-collapse:collapse;
	vertical-align:middle;
	text-align:center;
	}

table tbody 
{
    
   /* border:1px solid #FFFFFF;*/
}

table tbody td
{
    padding:5px;
	border-collapse:collapse;
	text-align:center;
	vertical-align:top;
	border-collapse:collapse;
	border:1px solid #FFFFFF;
	background-image: url('../img/back.png');
    color:#333;
	}
	
table tbody tr:hover td
{
    color:#F5A929;/*:color letras hover al toque;*/
    background: none;
}


table tbody tr.light{
	color:#CCCCCC;
	background-color:#333333;
	}

table tbody tr.dark{
	color:#CCCCCC;
	background-color:#1E1E1E;
	}

table tfoot tr td
{
	background:none;
	font-size: 12px;
	color:black;
	border-top: 1px solid #FFFFFF;	
}

/*tabla para aprender DESACIVADA*/	


/*Clases para las tablas chicken*/


.color7 {
    color:#1E1E1E;/*color label letras forularios de creacion*/
        
}

.colortr1 /*color columna*/
{
    background-color:#Fff;
	 /*background-image: url('../img/tr1.jpg');*/
}

.colortr2
{
background-color:#DDDDDD;/*#F5BC54;*/
	/*background-image: url('../img/tr2.jpg');*/
}

/*clases vinculos actualizar y eliminar*/


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

/*-- estilo para el boton agragar tipos de muestras a nuevo listbox---*/
#add {
padding-right: 10px;
float: right;
}
#del {
padding-right: 10px;
float: right;
}
